@import "~taro-ui/dist/style/components/nav-bar.scss";
@import "~taro-ui/dist/style/components/icon.scss";
@import "~taro-ui/dist/style/components/tabs.scss";
@import "~taro-ui/dist/style/components/float-layout.scss";
@import "~taro-ui/dist/style/components/button.scss";
@import "~taro-ui/dist/style/components/loading.scss";

.box{
  //background-color: rgb(20, 90, 31);
  flex-direction: column;
  //color: white;
  width: 100%;
  height: auto;
  background:linear-gradient(to bottom,#FCE38A,#F38181);
}

.box2{
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 50px;
  padding-bottom: 90px;
  font-size: larger;
  //background-color: #e09736;
  color: white;
}
.box3{
  width: 100%;
  display: flex;
  align-content: space-between;
  //background-color: #cecece;
}
.box3box{
  display: flex;
  width: 100%;
  background: #eceaea;
  //align-content: space-around;
}
.box31{
  display: flex;
  padding: 20px;
  width: 100%;
  min-height: auto;
  background: #eceaea;
  flex-direction: column;
  margin-bottom: 100px;
  //min-height: 70%;
}

.boxbox{
  width: 100%;
  margin-bottom: 20px;
  background-color: white;
  border-radius: 30px;
  padding: 30px 30px 20px 30px;
}
.box1{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.add{
  padding-top: 20px;
  font-size: small;
}
.tel{
  padding-left: 30px;
  padding-top: 9px;
  font-size: small;
}
.info{
  display: flex;
  //justify-content: flex-end;
  font-size: x-small;
  justify-content: space-between;
}
.info-l{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.info-ll{
  display: flex;
  //flex-direction: row;
  align-items: center;

}
.map-pin{
  //position: absolute;
  opacity: 0.5;
}
.map-pin1{
  //position: absolute;
  opacity: 0.5;
  background-color: #ff0000;
  border-radius: 50%;
}

.info-lr{
  //position: absolute;
  display: flex;
  //flex-direction: row;
  align-items: center;
  padding-left: 10px;
}
.info-r{
  display: flex;
  flex-direction: row;

}
.info-rz{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 10px;
}
.info-rr{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 10px;
}


.info-rl{
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 120px;
  height: 60px;
  justify-content: flex-end;
  padding: 0px;
}
.info-rlz{
  display: flex;
  font-size: small;
}

.box312{
  position: fixed;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  height: auto;
  width: 100%;
  background: #ffffff;
  justify-content: space-around;

}
.box3121{
  display: flex;
  border-radius: 40px ;
  background-color: brown;
  color: white;
  height: 90px;
  align-items: center;
  font-size: medium;
  padding: 0 60px;
  margin: 23px 0;
}
.box3122{
  margin: 23px 0;
  height: 90px;
  display: flex;
  border-radius: 40px;
  color: brown;
  align-items: center;
  font-size: medium;
  padding: 0 60px;
  border: brown;
}
